<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet"
	media="screen">
<link href="bootstrap/css/doc.css" rel="stylesheet">
<link href="bootstrap/css/prettify.css" rel="stylesheet">

<style type="text/css">
td {
	text-align: center;
}

body {
	padding-bottom: 40px;
}

.form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .form-signin-heading,.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin input[type="text"],.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.table-tete {
	background-color: #f5f5f5;
}

.button-nav {
	margin-right: 1em;
}

.login {
	float: right;
}

.form-nav {
	margin: 0;
}
</style>
<title>Tournoi de foot</title>
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">

	<!-- Navbar
    ================================================== -->
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><a href="index">Accueil</a></li>
						<li class=""><a href="index?action=equipes">Equipes</a></li>
						<li class=""><a href="index?action=matchs">Matchs</a></li>
						<li class=""><a href="index?action=tournoi">Tournoi</a></li>
					</ul>


					<form class="form-nav" method="POST"
						action="admin?action=login">
						<input type="submit" class="btn btn-success login" value="Log in" />
					</form>

					<form class="form-nav" method="POST"
						action="index?action=inscription">
						<input type="submit" class="btn btn-danger button-nav login"
							value="Inscription équipe" />
					</form>

				</div>
			</div>

		</div>
	</div>

	<!--  ==================================================  Navbar -->

	<!-- Subhead
================================================== -->
	<header class="jumbotron subhead" id="overview">
	<div class="container">
		<h1>Equipes</h1>
		<p class="lead">Listes des équipes du tournoi</p>
		<div id="carbonads-container"></div>
	</div>
	</header>
	<!--  ==================================================  Subhead -->


	<div class="container">

		<!-- Docs nav
    ================================================== -->
		<div class="row">
			<div class="span3 bs-docs-sidebar">
				<ul class="nav nav-list bs-docs-sidenav">
					<c:forEach var="equipe" items="${sessionScope.equipes}">
						<li><a href="#${equipe.id}"><i class="icon-chevron-right"></i>
								<c:out value="${equipe.nom}" /></a></li>
					</c:forEach>
				</ul>
			</div>

			<!--  ==================================================  Docs nav -->

			<div class="span9">

				<!-- Dropdowns
        ================================================== -->

				<c:forEach var="equipe" items="${sessionScope.equipes}">
					<section id="${equipe.id}">
					<div class="page-header">
						<a href="index?action=equipe&id=${equipe.id}"><h1>
								<c:out value="${equipe.nom}" />
							</h1> </a>

					</div>
					<table class="table table-bordered">
						<thead class="table-tete">
							<tr>
								<td colspan="2"><b><c:out value="${equipe.nom}" /></b></td>
							</tr>
						</thead>
						<tbody>
							<c:forEach var="joueur" items="${equipe.listeJoueurs}">
								<tr>
									<td><c:out value="${joueur.nom}" /></td>
									<td><c:out value="${joueur.prenom}" /></td>
								</tr>
							</c:forEach>

						</tbody>
					</table>
					</section>

				</c:forEach>

			</div>
		</div>
	</div>


	<!-- Footer
    ================================================== -->
	<footer class="footer">
	<div class="container">
		<p>Designed and built by Kévin De Jesus Ferreira, Florent
			Champigny & Julien Mialon</p>
		<p>Projet Etudes AAR - Master 2 Informatique Orléans</p>
	</div>
	</footer>
	<!--  ==================================================  Footer -->
</body>
<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript"
	src="http://platform.twitter.com/widgets.js"></script>
<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/js/bootstrap-transition.js"></script>
<script src="bootstrap/js/bootstrap-alert.js"></script>
<script src="bootstrap/js/bootstrap-modal.js"></script>
<script src="bootstrap/js/bootstrap-dropdown.js"></script>
<script src="bootstrap/js/bootstrap-scrollspy.js"></script>
<script src="bootstrap/js/bootstrap-tab.js"></script>
<script src="bootstrap/js/bootstrap-tooltip.js"></script>
<script src="bootstrap/js/bootstrap-popover.js"></script>
<script src="bootstrap/js/bootstrap-button.js"></script>
<script src="bootstrap/js/bootstrap-carousel.js"></script>
<script src="bootstrap/js/bootstrap-typeahead.js"></script>
<script src="bootstrap/js/bootstrap-affix.js"></script>

<script src="bootstrap/js/holder.js"></script>

<script src="bootstrap/js/application.js"></script>
</html>